<template>
    <Tabbar class='bottom-nav'>
        <TabbarItem selected link='/'>
            <img slot="icon" src="static/img/1.png">
            <span slot="label">外卖</span>
        </TabbarItem>
        <TabbarItem link='/find'>
            <img slot="icon" src="static/img/2.png">
            <span slot="label">发现</span>
        </TabbarItem>
        <TabbarItem>
            <img slot="icon" src="static/img/3.png">
            <span slot="label">订单</span>
        </TabbarItem>
        <TabbarItem>
            <img slot="icon" src="static/img/4.png">
            <span slot="label">我的</span>
        </TabbarItem>
    </Tabbar>
</template>
<script>
    import { Tabbar, TabbarItem } from 'vux'
    export default{
        components:{
            Tabbar,
            TabbarItem,
        }
    }
</script>
<style scoped>
    .bottom-nav{
        position: fixed;
        bottom: 0;
        z-index: 0;
    }
</style>